import React from 'react';

import { View, StyleSheet, TextInput } from 'react-native';

export default ({ value, _onChangeText, placeholder, keyboardType }) => (
  <View style={styles.container}>
    <TextInput
      style={styles.textArea}
      numberOfLines={1}
      placeholder={placeholder}
      keyboardType={keyboardType}
      multiline
      onChangeText={(text) => _onChangeText(text)}
      value={value}
      placeholderTextColor="rgba(219,219,219,0.52)"
    />
  </View>
);

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  textArea: {
    padding: 4,
    margin: 5,
    color: 'black',
    borderRadius: 2,
    borderWidth: 1,
    borderColor: 'rgba(219,219,219,0.82)',
  },
});
